<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<table cellspacing="0" cellpadding="0" border="0" width="100%" class="portal-menu-level1">
<tbody>
<tr>
	<td width="400px" height="70px"><i></i></td>
	<td width="100%" height="70px" align="right">
		<table cellspacing="0" cellpadding="0" border="0" class="ui-widget-header ui-corner-all">
		<tbody>
		<tr>
			<td>
				<table id="portalMainMenuLeft" class="portal-menu-level1-left-btn portal-menu-level1-btn-text portal-menu-level1-btn-disabled" 
					onmouseover="SinoPortal.NaviMenu.onMouseOverLeft(this,#{navigationViewBeanService.mainMenuRootSize});"
			        onmouseout="jQuery(this).removeClass('ui-state-hover');" 
			        onmousedown="SinoPortal.NaviMenu.onClickLeft(this,#{navigationViewBeanService.mainMenuRootSize});"
					cellspacing="0" cellpadding="0" border="0" width="100%">
				<tbody>
				<tr>
					<td class="portal-menu-level1-btn-mc">
						<em>
							<button type="button" class="ui-button ui-widget ui-state-default">
								<span class="ui-button-icon-primary ui-icon ui-icon-triangle-1-w"></span>
							</button>
						</em>
					</td>
				</tr>
				</tbody>
				</table>
			</td>
			<td>
				<div style="width:558px;overflow:hidden;position:relative;">
				<div id="portalMainMenuBody" style="width:auto;position:relative;">
					<table cellspacing="0" cellpadding="0" border="0">
					<tbody>
					<tr>
					
						<c:forEach items="#{navigationViewBeanService.checkedMainMenuItems}" var="naviMainMenuElement">
						
						<td>
							<table id="#{naviMainMenuElement.id}"
								class="portal-menu-level1-main-btn portal-menu-level1-btn-text" 
								onmouseover="jQuery(this).addClass('ui-state-hover');"
			                    onmouseout="jQuery(this).removeClass('ui-state-hover');" 
			                    onmousedown="SinoPortal.NaviMenu.onClickLevel1(this);"
								cellspacing="0" cellpadding="0" border="0" width="78px">
							<tbody>
							<tr>
								<td class="portal-menu-level1-btn-mc">
									<em>
										<button type="button" class="ui-button ui-widget ui-state-default ui-widget-header">
											<span style="background-image:url(./img/#{naviMainMenuElement.image24});" class="portal-menu-level1-btn-span ui-button-icon-primary ui-icon"></span>
											#{messages[naviMainMenuElement.displayName]}
										</button>
									</em>
								</td>
							</tr>
							</tbody>
							</table>
						</td>
						
						<td nowrap="nowrap" class="portal-menu-level1-btn-spliter"><i></i></td>
						
						</c:forEach>
					</tr>
					</tbody>
					</table>
				</div>
				</div>
			</td>
			<td>
				<table id="portalMainMenuRight" class="portal-menu-level1-right-btn portal-menu-level1-btn-text"
					onmouseover="SinoPortal.NaviMenu.onMouseOverRight(this,#{navigationViewBeanService.mainMenuRootSize});"
			        onmouseout="jQuery(this).removeClass('ui-state-hover');" 
			        onmousedown="SinoPortal.NaviMenu.onClickRight(this,#{navigationViewBeanService.mainMenuRootSize});"
					cellspacing="0" cellpadding="0" border="0" width="100%">
				<tbody>
				<tr>
					<td class="portal-menu-level1-btn-mc">
						<em>
							<button type="button" class="ui-button ui-widget ui-state-default">
								<span class="ui-button-icon-primary ui-icon ui-icon-triangle-1-e"></span>
							</button>
						</em>
					</td>
				</tr>
				</tbody>
				</table>
			</td>
		</tr>
		</tbody>
		</table>
	</td>
	<td width="10px" height="70px"><i><h:graphicImage url="./img/portal/menu1/s.gif" /></i></td>
</tr>
</tbody>
</table>

<script type="text/javascript">
	var ovs = jQuery("#portalMainMenuBody .portal-menu-level1-main-btn");
	jQuery(ovs.get(0)).addClass("ui-state-active");
</script>

</f:view>